// 基于准备好的dom，初始化echarts实例
function loadOneColumn() {
    let myChart = echarts.init(document.getElementById('table'));
    // 指定图表的配置项和数据
    myChart.setOption({
        title: {
            text: '近30天发电趋势',
                x: 'center',
                y: 'top',
                textStyle: {
                fontSize: 14,
                    color: '#397EFE'
            }
        },
        xAxis : [
            {
                type : 'category',
                data : [],

                axisLine:{
                    show:true,
                    lineStyle:{
                        color:'#A8F0FF',
                        width:2//这里是为了突出显示加上的，可以去掉
                    }
                },
                axisLabel:{
                    color:'#94A6FF',
                    fontSize:12,

                },
                axisTick:{
                    show:false
                }
            }
        ],
        yAxis : [
            {
                name:'发电（度）',
                nameTextStyle:{
                    color:'#94A6FF',
                    fontSize:10,

                },
                type : 'value',
                axisLine:{
                    show:true,
                    lineStyle:{
                        color:'#A8F0FF',
                        width:2
                    }
                },
                axisLabel:{
                    color:'#94A6FF',
                    fontSize:12

                },
                axisTick:{
                    show:false
                },
                splitLine:{
                    show: false
                }
            }
        ],
        series : [
            {
                name:'',
                type:'bar',
                data:[],

                barWidth : 5,//柱图宽度
                itemStyle: {
                    normal:{
                        color: function (params){
                            var colorList = ['#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE',
                                '#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE',
                                '#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE',
                                '#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#397EFE','#2EFFFD'];
                            return colorList[params.dataIndex];
                        }
                    },
                    emphasis: {
                        shadowBlur: 5,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }

            }

        ]
    });
    let names = [];    //（实际用来盛放X轴坐标值）
    let nums = [];    //（实际用来盛放Y坐标值）
    $.ajax({
        type: 'get',
        url: './json/nearMonthly.json',
        dataType: "json",
        success: function (result) {
            //请求成功时执行该函数内容
            $.each(result, function (index, item) {
                names.push(item.dateNo);
                nums.push(item.etotal);
            });
            myChart.setOption({        //加载数据图表
                xAxis: {
                    data: names
                },
                series: [{
                    name: '发布排行',
                    data: nums
                }]
            });
        },
    });
    window.onresize = myChart.resize;
}
loadOneColumn();
